<template>
	<view class="authen-car">
		<view class="w-center authen-car-box">
			<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
				@scrolltolower="lower" @scroll="scroll">
				<view class="" style="height: 200%;"></view>
			</scroll-view>
		</view>
		<view class="xieyi w-center" style="padding-top: 48rpx">
			<view class="xieyi-title">签约协议</view>
			<radio-group >
				<label>
					<view class="df df df-align-items" style="padding-bottom: 34rpx">
						<radio style="transform: scale(.8);" color="#F12F63"/>
						<view>我已阅读并接受签约协议，即日生效</view>
					</view>
				</label>
				<label>
					<view class="df df-align-items">
						<radio style="transform: scale(.8);" color="#F12F63"/>
						<view>我已阅读并接受签约协议，次月1日生效</view>
					</view>
				</label>
			</radio-group>
		</view>
		<view class="xieyi w-center" style="padding-top: 48rpx">
			<view class="xieyi-title">协议续约</view>
			<radio-group >
				<label>
					<view class="df df df-align-items" style="padding-bottom: 34rpx">
						<radio style="transform: scale(.8);" color="#F12F63"/>
						<view>开启自动续约有效期1年</view>
					</view>
				</label>
				<label>
					<view class="df df-align-items">
						<radio style="transform: scale(.8);" color="#F12F63"/>
						<view>我不需要</view>
					</view>
				</label>
			</radio-group>
		</view>
		<view class="next-btn" @click="$navigateTo('/pages/home/owner/owner')">下一步</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.authen-car {
		.authen-car-box {
			height: 50vh;
			.scroll-Y{
				height: 50vh;
				width: 100%;
			}
			
		}
		.xieyi{
			.xieyi-title{
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #323232;
				padding-bottom: 22rpx;
			}
		}
		.next-btn{
			width: 360rpx;
			height: 88rpx;
			background: #F12F63;
			border-radius: 60rpx;
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 88rpx;
			color: #FFFFFF;
			text-align: center;
			margin: 0 auto;
		}
	}
</style>
